<%@include file="startUpIncludes.jsp" %>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>
            View Contact
        </title>
    <script type="text/javascript" src="../js/modalwin.js">
    </script>
      <style>
		.error {
			color: #ff0000;
		}
		
		.errorblock {
			color: #000;
			background-color: #ffEEEE;
			border: 3px solid #ff0000;
			padding: 8px;
			margin: 16px;
		}
	</style>
    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="modal-win-bg">
        <div class="modal-win-box">
            <div class="modal-win-hd">
                <span class="modal-win-title"></span>
                <span class="modal-win-close">x</span>
            </div>
            <div class="modal-win-content"></div>
            <a class="form-btn modal-win-ok">OK</a>
        </div>
    </div>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
            <jsp:include page="tabs.jsp" >
					<jsp:param value="contacts" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>View Contact</h3>
                <form class="new-lead-form"  method="post" action="/sales/s/new-contact" >
                <div class="btns">
              <a class="form-btn" href="/sales/s/contacts">Cancel</a>
                </div>
                <div class="form-row">
                    <h4>Required Information</h4>
                    <div class="info"><label>Contact Owner: </label><span>${userDetails.fName} ${userDetails.lName}</span></div>
                    <div class="info">
                        <label>First Name: </label>
                         <span>${contactForm.fName}</span>
						<label>Last Name: </label>
                        <span>${contactForm.lName}</span>
                    </div>
                    <div class="info">
                        <label>Lead/Account Name: </label>
                       <span>${contactForm.parentName}</span>
                       <label>Company Name: </label>
                       <c:choose>
                       	<c:when test="${lead.companyName!=null}">
                       		<span>${lead.companyName}</span>
                       	</c:when>
                       	<c:when test="${account.companyName!=null}">
                       		<span>${account.companyName}</span>
                       	</c:when>
                       	<c:otherwise>
                       		<span>      </span>
                       	</c:otherwise>
                       </c:choose>
                       
                    </div>
                </div>
                <div class="form-row">
                    <h4>Contact Information</h4>
                    <div class="info">
					    <label>Title: </label>
                      <span>${contactForm.title}</span>
						<label>Phone: </label>
                       <span>${contactForm.phone}</span>
                    </div>
                    <div class="info">
                        <label>Mobile: </label>
                      <span>${contactForm.mobile}</span>
                        <label>Email: </label>
                        <span>${contactForm.email}</span>
                    </div>
                </div>
                <div class="btns">
                <a class="form-btn" href="/sales/s/contacts">Cancel</a>
                </div>
                </form>
                </div>
            </div>
        </div>
        
    <%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>